<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<%@ include file="include/Imports.jsp"%>
<%@ page trimDirectiveWhitespaces="true" %>
<title>APAC Resource Tracker</title>

<script type="text/javascript">
	function onInvokeAction(id, type) {
		setExportToLimit(id, '');
// 		alert(id);
		if(id=='contracts'){
		    var parameterString = createParameterStringForLimit(id);
// 		    alert(parameterString);
		    $.get('${contracts_all_url}?ajax=true&' + parameterString, function(data) {
		    	$("#contracts").html(data);
		    },'html');
		}else if(id=='summary'){
			var parameterString = createParameterStringForLimit(id);
		    $.get('${contracts_summary_url}?ajax=true&' + parameterString, function(data) {
// 				alert("HELLO");
		    	$("#summary").html(data);
		    },'html');
		}
	}
	function onInvokeExportAction(id) {
		var parameterString = createParameterStringForLimit(id);
		location.href = '${contracts_url}?'
				+ parameterString;
	}

</script>

</head>

<body>

	<div id="main">

		<!-- Tray -->
		<%@ include file="include/Tray.jsp"%>


		<hr class="noscreen" />

		<!-- Menu -->
		<%@ include file="include/Menu.jsp"%>


		<hr class="noscreen" />

		<!-- Columns -->
		<div id="cols" class="box">

			<!-- Aside (Left Column) -->
			<%@ include file="include/Aside.jsp"%>


			<hr class="noscreen" />

			<!-- Content (Right Column) -->
			<div id="content" class="box">
				<%@ include file="include/Notification.jsp"%>
				<h1>Contracts Release</h1>

				<h5>This is a system that will cater to the needs of APAC Sales
					Department of 77 Global Services.</h5>
					
				<table>
					<tr>
						<td>Summary</td>
						<td><input type="text" id="summaryId"/></td>
					</tr>
					<tr>
						<td>Contracts</td>
						<td><input type="text" id="contractsId"/></td>
					</tr>
				</table>

				<div class="tabs box">
					<ul>
						<li><a href="#SummaryTab"><span>Summary</span></a></li>
						<li><a href="#ViewContractsTab"><span>View Contracts</span></a></li>
						<li><a href="#NewContractTab"><span>New Contract</span></a></li>
						<li><a href="#RenewalTab"><span>Renewal</span></a></li>
					</ul>
				</div>
				<!-- /tabs -->

				<!-- Tab01 -->
				<div id="SummaryTab">

					<form action="${contracts_summary_url}">
						<div id="summary">
							${summary}
						</div>
					</form>

				</div>
				<!-- /tab01 -->

				<!-- Tab02 -->
				<div id="ViewContractsTab">

					<form action="${contracts_all_url}">
						<div id="contracts">
							${contracts}
						</div>
					</form>

				</div>
				<!-- /tab02 -->

				<!-- Tab03 -->
				<div id="NewContractTab">

					<form>
						<table>
							<tr>
								<td><b>No.</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Name</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Account</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Start Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>End Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Contract Release Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Status</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Remarks</b></td>
								<td><input type="text" value="" /></td>
							</tr>
						</table>
						<input type="submit" value="Submit"></input>
					</form>

				</div>
				<!-- /tab03 -->

				<!-- Tab04 -->
				<div id="RenewalTab">

					<form>
						<table>
							<tr>
								<td><b>No.</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Name</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Account</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Start Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>End Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Contract Release Date</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Status</b></td>
								<td><input type="text" value="" /></td>
							</tr>
							<tr>
								<td><b>Remarks</b></td>
								<td><input type="text" value="" /></td>
							</tr>
						</table>
						<input type="submit" value="Submit"></input>
					</form>

				</div>
				<!-- /tab04 -->

			</div>
			<!-- /content -->

		</div>
		<!-- /cols -->

		<hr class="noscreen" />

		<!-- Footer -->
		<%@ include file="include/Footer.jsp"%>

	</div>
	<!-- /main -->

</body>
</html>